.header-bar{
    text-align: center;
}
section{
    .w{
        width: 1170px;
        .title{
            text-align: right;
            line-height: 40px;
            color: #000;
            strong{
                font-size: 16px;
                line-height: 24px;
                color: #212529;
                float: left;
            }
        }
    }
}

table{
    border-collapse:collapse;
    border-spacing:0;
    border:0;
}
.catbox{
    margin:100px auto;
    table{
        text-align:center;
        width:100%;
        th,td{
            border:1px solid #dee2e6;
        }
        th{
            height:50px;
            padding: 12px;
        }
        td{
            padding:12px;
            color:#444;
        }
    }
    .checkbox{
        .check-all{ 
            vertical-align:middle;
        }
    }
    .goods {
        img{
            width:80px;
            height:80px;
            margin-right:10px;
            float:left;
        }
        span{
            width:370px;
            // margin-top:20px;
            text-align:left;
            float:left;
        }
    }
    .count{
        .add,input,.reduce{
            float:left;
            margin-right:-1px;
            position:relative;
            z-index:0;
        }
        .add, .reduce{
            height:38px;
            width:35px;
            border:1px solid #6c757d;
            text-align:center;
            line-height:38px;
            color:#444;
        }

    } 
}